<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>我的bilbil</title>
    <link rel="stylesheet" href="./css/swiper-bundle.min.css">
    <link rel="shortcut icon" href="../images/favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="./css/style.css">
</head>

<body>
    <header>
        <section class="header-top-box">
            <nav>
                <a href="">
                    <i class="bilifont bili-icon_dingdao_zhuzhan"></i>
                    主站</a>
                <a href="">番剧</a>
                <a href="" class="hover-detail game-center">游戏中心
                    <div class="detail">
                        <i class="arrow"></i>
                        <div class="content">
                            <div class="left">
                                <div class="left-top"></div>
                                <ul>
                                    <li><img src="../images/game_icon2.jpg" alt="">
                                        <p>公主连结</p>
                                    </li>
                                    <li><img src="../images/game_icon1.png" alt="">
                                        <p>碧蓝航线</p>
                                    </li>
                                    <li><img src="../images/game_icon3.png" alt="">
                                        <p>万灵起源</p>
                                    </li>
                                </ul>
                            </div>
                            <div class="right">
                                <img src="../images/game_title.png" alt="">
                                <ul>
                                    <li game-img="../images/game1.png">摩尔庄园</li>
                                    <li game-img="../images/game2.png">机动战姬：聚变</li>
                                    <li game-img="../images/game3.png">终末阵线</li>
                                    <li game-img="../images/game4.png">刀剑神域</li>
                                    <li game-img="../images/game5.png">天涯明月刀</li>
                                    <li game-img="../images/game6.png">黑衣剑士：王牌</li>
                                    <li game-img="../images/game7.png">伊诺贝塔</li>
                                </ul>
                            </div>
                            <div class="game-img">
                                <img src="" alt="">
                            </div>
                        </div>
                    </div>
                </a>
                <a href="">直播</a>
                <a href="">会员购</a>
                <a href="">漫画</a>
                <a href="">赛事</a>
                <a href="">
                    <i class="bilifont bili-icon_dingdao_xiazaiapp"></i>
                    下载APP</a>
            </nav>
            <div class="search-box">
                <input type="text" placeholder="在我的世界里也能玩糖豆人？">
                <a href="javascript:;" class="btn">
                    <i class="bilifont bili-icon_dingdao_sousuo nav-search-submit"></i>
                </a>
            </div>
            <div class="register-box hover-detail">
                <div class="register-center" style="display: flex;">
                    <img src="../images/akari.jpg" alt="">
                    <a href="">登录</a>
                    <div class="detail">
                        <i class="arrow"></i>
                        <div class="content">
                            <p>登录后你可以：</p>
                            <div class="scroller">
                                <div class="wrapper">
                                    <img src="../images/danmu.png" alt="">
                                    <img src="../images/danmu.png" alt="">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <a href="">注册</a>
                <a href="" class="contribution">投稿</a>
            </div>
        </section>
        <section class="logo-box">
            <h1>
                <a href="">
                    哔哩哔哩
                    <img src="../images/logo.png" alt="">
                </a>
            </h1>
        </section>
    </header>
    <main class="mainBox">
        <section class="menu">
            <div class="menu-left">
                <div><i class=" bilifont bili-icon_fenqudaohang_shouye"></i>
                    <p>首页</p>
                </div>
                <div><i class=" bilifont bili-icon_dingdao_dongtai"></i>
                    <p>动态</p>
                </div>
                <div><i class="bilifont bili-icon_fenqudaohang_paihangbang"></i>
                    <p>排行榜</p>
                </div>
                <div><i class="bilifont bili-pindao"></i>
                    <p>频道</p>
                </div>
                <span class="side-line"></span>
            </div>

            <div class="menu-center">
                <ul class="menu-center-top">
                    <li>动画</li>
                    <li>音乐</li>
                    <li>舞蹈</li>
                    <li>知识</li>
                    <li>生活</li>
                    <li>时尚</li>
                    <li>娱乐</li>
                    <li>放映厅</li>
                </ul>
                <ul class="menu-center-bottom">
                    <li>番剧</li>
                    <li>国创</li>
                    <li>游戏</li>
                    <li>数码</li>
                    <li>鬼畜</li>
                    <li>咨询</li>
                    <li>影视</li>
                    <li>更多
                        <i class="arrow"></i>
                    </li>
                </ul>
                <span class="side-line"></span>
            </div>
            <div class="menu-right">
                <ul>
                    <li>
                        <svg t="1599030299870" class="menu-icon" viewBox="0 0 1024 1024" version="1.1"
                            xmlns="http://www.w3.org/2000/svg" p-id="1218" width="200" height="200">
                            <path
                                d="M306.005333 117.632L444.330667 256h135.296l138.368-138.325333a42.666667 42.666667 0 0 1 60.373333 60.373333L700.330667 256H789.333333A149.333333 149.333333 0 0 1 938.666667 405.333333v341.333334a149.333333 149.333333 0 0 1-149.333334 149.333333h-554.666666A149.333333 149.333333 0 0 1 85.333333 746.666667v-341.333334A149.333333 149.333333 0 0 1 234.666667 256h88.96L245.632 177.962667a42.666667 42.666667 0 0 1 60.373333-60.373334zM789.333333 341.333333h-554.666666a64 64 0 0 0-63.701334 57.856L170.666667 405.333333v341.333334a64 64 0 0 0 57.856 63.701333L234.666667 810.666667h554.666666a64 64 0 0 0 63.701334-57.856L853.333333 746.666667v-341.333334A64 64 0 0 0 789.333333 341.333333zM341.333333 469.333333a42.666667 42.666667 0 0 1 42.666667 42.666667v85.333333a42.666667 42.666667 0 0 1-85.333333 0v-85.333333a42.666667 42.666667 0 0 1 42.666666-42.666667z m341.333334 0a42.666667 42.666667 0 0 1 42.666666 42.666667v85.333333a42.666667 42.666667 0 0 1-85.333333 0v-85.333333a42.666667 42.666667 0 0 1 42.666667-42.666667z"
                                p-id="1219" fill="#1296db"></path>
                        </svg>
                        专栏</li>
                    <li>
                        <svg t="1599030299870" class="menu-icon" viewBox="0 0 1024 1024" version="1.1"
                            xmlns="http://www.w3.org/2000/svg" p-id="1218" width="200" height="200">
                            <path
                                d="M306.005333 117.632L444.330667 256h135.296l138.368-138.325333a42.666667 42.666667 0 0 1 60.373333 60.373333L700.330667 256H789.333333A149.333333 149.333333 0 0 1 938.666667 405.333333v341.333334a149.333333 149.333333 0 0 1-149.333334 149.333333h-554.666666A149.333333 149.333333 0 0 1 85.333333 746.666667v-341.333334A149.333333 149.333333 0 0 1 234.666667 256h88.96L245.632 177.962667a42.666667 42.666667 0 0 1 60.373333-60.373334zM789.333333 341.333333h-554.666666a64 64 0 0 0-63.701334 57.856L170.666667 405.333333v341.333334a64 64 0 0 0 57.856 63.701333L234.666667 810.666667h554.666666a64 64 0 0 0 63.701334-57.856L853.333333 746.666667v-341.333334A64 64 0 0 0 789.333333 341.333333zM341.333333 469.333333a42.666667 42.666667 0 0 1 42.666667 42.666667v85.333333a42.666667 42.666667 0 0 1-85.333333 0v-85.333333a42.666667 42.666667 0 0 1 42.666666-42.666667z m341.333334 0a42.666667 42.666667 0 0 1 42.666666 42.666667v85.333333a42.666667 42.666667 0 0 1-85.333333 0v-85.333333a42.666667 42.666667 0 0 1 42.666667-42.666667z"
                                p-id="1219" fill="#1296db"></path>
                        </svg>活动</li>
                    <li>
                        <svg t="1599030299870" class="menu-icon" viewBox="0 0 1024 1024" version="1.1"
                            xmlns="http://www.w3.org/2000/svg" p-id="1218" width="200" height="200">
                            <path
                                d="M306.005333 117.632L444.330667 256h135.296l138.368-138.325333a42.666667 42.666667 0 0 1 60.373333 60.373333L700.330667 256H789.333333A149.333333 149.333333 0 0 1 938.666667 405.333333v341.333334a149.333333 149.333333 0 0 1-149.333334 149.333333h-554.666666A149.333333 149.333333 0 0 1 85.333333 746.666667v-341.333334A149.333333 149.333333 0 0 1 234.666667 256h88.96L245.632 177.962667a42.666667 42.666667 0 0 1 60.373333-60.373334zM789.333333 341.333333h-554.666666a64 64 0 0 0-63.701334 57.856L170.666667 405.333333v341.333334a64 64 0 0 0 57.856 63.701333L234.666667 810.666667h554.666666a64 64 0 0 0 63.701334-57.856L853.333333 746.666667v-341.333334A64 64 0 0 0 789.333333 341.333333zM341.333333 469.333333a42.666667 42.666667 0 0 1 42.666667 42.666667v85.333333a42.666667 42.666667 0 0 1-85.333333 0v-85.333333a42.666667 42.666667 0 0 1 42.666666-42.666667z m341.333334 0a42.666667 42.666667 0 0 1 42.666666 42.666667v85.333333a42.666667 42.666667 0 0 1-85.333333 0v-85.333333a42.666667 42.666667 0 0 1 42.666667-42.666667z"
                                p-id="1219" fill="#1296db"></path>
                        </svg>小黑屋</li>
                </ul>
                <ul>
                    <li>
                        <svg t="1599030299870" class="menu-icon" viewBox="0 0 1024 1024" version="1.1"
                            xmlns="http://www.w3.org/2000/svg" p-id="1218" width="200" height="200">
                            <path
                                d="M306.005333 117.632L444.330667 256h135.296l138.368-138.325333a42.666667 42.666667 0 0 1 60.373333 60.373333L700.330667 256H789.333333A149.333333 149.333333 0 0 1 938.666667 405.333333v341.333334a149.333333 149.333333 0 0 1-149.333334 149.333333h-554.666666A149.333333 149.333333 0 0 1 85.333333 746.666667v-341.333334A149.333333 149.333333 0 0 1 234.666667 256h88.96L245.632 177.962667a42.666667 42.666667 0 0 1 60.373333-60.373334zM789.333333 341.333333h-554.666666a64 64 0 0 0-63.701334 57.856L170.666667 405.333333v341.333334a64 64 0 0 0 57.856 63.701333L234.666667 810.666667h554.666666a64 64 0 0 0 63.701334-57.856L853.333333 746.666667v-341.333334A64 64 0 0 0 789.333333 341.333333zM341.333333 469.333333a42.666667 42.666667 0 0 1 42.666667 42.666667v85.333333a42.666667 42.666667 0 0 1-85.333333 0v-85.333333a42.666667 42.666667 0 0 1 42.666666-42.666667z m341.333334 0a42.666667 42.666667 0 0 1 42.666666 42.666667v85.333333a42.666667 42.666667 0 0 1-85.333333 0v-85.333333a42.666667 42.666667 0 0 1 42.666667-42.666667z"
                                p-id="1219" fill="#1296db"></path>
                        </svg>直播</li>
                    <li>
                        <svg t="1599030299870" class="menu-icon" viewBox="0 0 1024 1024" version="1.1"
                            xmlns="http://www.w3.org/2000/svg" p-id="1218" width="200" height="200">
                            <path
                                d="M306.005333 117.632L444.330667 256h135.296l138.368-138.325333a42.666667 42.666667 0 0 1 60.373333 60.373333L700.330667 256H789.333333A149.333333 149.333333 0 0 1 938.666667 405.333333v341.333334a149.333333 149.333333 0 0 1-149.333334 149.333333h-554.666666A149.333333 149.333333 0 0 1 85.333333 746.666667v-341.333334A149.333333 149.333333 0 0 1 234.666667 256h88.96L245.632 177.962667a42.666667 42.666667 0 0 1 60.373333-60.373334zM789.333333 341.333333h-554.666666a64 64 0 0 0-63.701334 57.856L170.666667 405.333333v341.333334a64 64 0 0 0 57.856 63.701333L234.666667 810.666667h554.666666a64 64 0 0 0 63.701334-57.856L853.333333 746.666667v-341.333334A64 64 0 0 0 789.333333 341.333333zM341.333333 469.333333a42.666667 42.666667 0 0 1 42.666667 42.666667v85.333333a42.666667 42.666667 0 0 1-85.333333 0v-85.333333a42.666667 42.666667 0 0 1 42.666666-42.666667z m341.333334 0a42.666667 42.666667 0 0 1 42.666666 42.666667v85.333333a42.666667 42.666667 0 0 1-85.333333 0v-85.333333a42.666667 42.666667 0 0 1 42.666667-42.666667z"
                                p-id="1219" fill="#1296db"></path>
                        </svg>课堂</li>
                    <li>
                        <svg t="1599030299870" class="menu-icon" viewBox="0 0 1024 1024" version="1.1"
                            xmlns="http://www.w3.org/2000/svg" p-id="1218" width="200" height="200">
                            <path
                                d="M306.005333 117.632L444.330667 256h135.296l138.368-138.325333a42.666667 42.666667 0 0 1 60.373333 60.373333L700.330667 256H789.333333A149.333333 149.333333 0 0 1 938.666667 405.333333v341.333334a149.333333 149.333333 0 0 1-149.333334 149.333333h-554.666666A149.333333 149.333333 0 0 1 85.333333 746.666667v-341.333334A149.333333 149.333333 0 0 1 234.666667 256h88.96L245.632 177.962667a42.666667 42.666667 0 0 1 60.373333-60.373334zM789.333333 341.333333h-554.666666a64 64 0 0 0-63.701334 57.856L170.666667 405.333333v341.333334a64 64 0 0 0 57.856 63.701333L234.666667 810.666667h554.666666a64 64 0 0 0 63.701334-57.856L853.333333 746.666667v-341.333334A64 64 0 0 0 789.333333 341.333333zM341.333333 469.333333a42.666667 42.666667 0 0 1 42.666667 42.666667v85.333333a42.666667 42.666667 0 0 1-85.333333 0v-85.333333a42.666667 42.666667 0 0 1 42.666666-42.666667z m341.333334 0a42.666667 42.666667 0 0 1 42.666666 42.666667v85.333333a42.666667 42.666667 0 0 1-85.333333 0v-85.333333a42.666667 42.666667 0 0 1 42.666667-42.666667z"
                                p-id="1219" fill="#1296db"></path>
                        </svg>音乐PLUS</li>
                </ul>
            </div>
        </section>
        <section class="hotBox">
            <div class="main-slide swiper-container">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        <img src="../images/banner1.jpg" alt="">
                        <p>华为MateBook系列新品发布会预约中</p>
                    </div>
                    <div class="swiper-slide">
                        <img src="../images/banner2.jpg" alt="">
                        <p>隐忍，不得暴露龙王身份！</p>
                    </div>
                    <div class="swiper-slide">
                        <img src="../images/banner3.jpg" alt="">
                        <p>美梦末班车，赶紧投稿吧！</p>
                    </div>
                    <div class="swiper-slide">
                        <img src="../images/banner4.jpg" alt="">
                        <p>这新番，有点上头！神奇脑洞只有想不到！</p>
                    </div>
                    <div class="swiper-slide">
                        <img src="../images/banner5.jpg" alt="">
                        <p>猛男落泪！挑战#七夕情歌王#！</p>
                    </div>
                </div>
                <div class="swiper-pagination"></div>
            </div>
            <div class="recommand-box swiper-container">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        <ul>
                            <li><img src="../images/hot1.jpg" alt="">
                                <p>我花了两个月事件重新看了埃里克森的发挥</p>
                            </li>
                            <li><img src="../images/hot2.jpg" alt="">
                                <p>我花了两个月事件重新看了埃里克森的发挥</p>
                            </li>
                            <li><img src="../images/hot3.jpg" alt="">
                                <p>我花了两个月事件重新看了埃里克森的发挥</p>
                            </li>
                        </ul>
                        <ul>
                            <li><img src="../images/hot4.jpg" alt="">
                                <p>我花了两个月事件重新看了埃里克森的发挥</p>
                            </li>
                            <li><img src="../images/hot5.jpg" alt="">
                                <p>我花了两个月事件重新看了埃里克森的发挥</p>
                            </li>
                            <li><img src="../images/hot6.jpg" alt="">
                                <p>我花了两个月事件重新看了埃里克森的发挥</p>
                            </li>
                        </ul>
                    </div>
                    <div class="swiper-slide">
                        <ul>
                            <li><img src="../images/hot1.jpg" alt="">
                                <p>我花了两个月事件重新看了埃里克森的发挥</p>
                            </li>
                            <li><img src="../images/hot2.jpg" alt="">
                                <p>我花了两个月事件重新看了埃里克森的发挥</p>
                            </li>
                            <li><img src="../images/hot3.jpg" alt="">
                                <p>我花了两个月事件重新看了埃里克森的发挥</p>
                            </li>
                        </ul>
                        <ul>
                            <li><img src="../images/hot4.jpg" alt="">
                                <p>我花了两个月事件重新看了埃里克森的发挥</p>
                            </li>
                            <li><img src="../images/hot5.jpg" alt="">
                                <p>我花了两个月事件重新看了埃里克森的发挥</p>
                            </li>
                            <li><img src="../images/hot6.jpg" alt="">
                                <p>我花了两个月事件重新看了埃里克森的发挥</p>
                            </li>
                        </ul>
                    </div>
                    <div class="swiper-slide">
                        <ul>
                            <li><img src="../images/hot1.jpg" alt="">
                                <p>我花了两个月事件重新看了埃里克森的发挥</p>
                            </li>
                            <li><img src="../images/hot2.jpg" alt="">
                                <p>我花了两个月事件重新看了埃里克森的发挥</p>
                            </li>
                            <li><img src="../images/hot3.jpg" alt="">
                                <p>我花了两个月事件重新看了埃里克森的发挥</p>
                            </li>
                        </ul>
                        <ul>
                            <li><img src="../images/hot4.jpg" alt="">
                                <p>我花了两个月事件重新看了埃里克森的发挥</p>
                            </li>
                            <li><img src="../images/hot5.jpg" alt="">
                                <p>我花了两个月事件重新看了埃里克森的发挥</p>
                            </li>
                            <li><img src="../images/hot6.jpg" alt="">
                                <p>我花了两个月事件重新看了埃里克森的发挥</p>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="swiper-button-prev switch-button"></div>
                <div class="swiper-button-next switch-button"></div>
            </div>
        </section>
        <section class="ad-box">
            <div class="ad-box-top">
                <div>
                    <div class="ad-slogen"><img src="../images/tuiguang.svg" alt="">推广</div>
                    <i class="bilifont bili-icon_xinxi_huo"></i>
                    <a href="javascript:;">20万寻找下一个镇站之宝！</a>
                </div>
                <a href="" class="online-list">在线列表</a>
            </div>
            <div class="ad-box-bottom">
                <div>
                    <div class="slide-box">
                        <a href="">
                            <img src="../images/hot1.jpg" alt="">
                            <p>朗朗再现钢琴版鬼畜教学教学教学</p>
                        </a>
                        <div class="slide">
                            <div class="progress">
                                <span>
                                    <i></i>
                                </span>
                            </div>
                        </div>
                    </div>
                    <div class="uper-id">
                        <a href="">
                            <i class="bilifont bili-icon_xinxi_UPzhu"></i>
                            <span>bilibili星访问</span>
                        </a>
                    </div>
                </div>
                <div>
                    <div class="slide-box">
                        <a href="">
                            <img src="../images/hot2.jpg" alt="">
                            <p>朗朗再现钢琴版鬼畜教学教学教学</p>
                        </a>
                        <div class="slide">
                            <div class="progress">
                                <span>
                                    <i></i>
                                </span>
                            </div>
                        </div>
                    </div>
                    <div class="uper-id">
                        <a href="">
                            <i class="bilifont bili-icon_xinxi_UPzhu"></i>
                            <span>bilibili星访问</span>
                        </a>
                    </div>
                </div>
                <div>
                    <div class="slide-box">
                        <a href="">
                            <img src="../images/hot3.jpg" alt="">
                            <p>朗朗再现钢琴版鬼畜教学教学教学</p>
                        </a>
                        <div class="slide">
                            <div class="progress">
                                <span>
                                    <i></i>
                                </span>
                            </div>
                        </div>
                    </div>
                    <div class="uper-id">
                        <a href="">
                            <i class="bilifont bili-icon_xinxi_UPzhu"></i>
                            <span>bilibili星访问</span>
                        </a>
                    </div>
                </div>
                <div>
                    <div class="slide-box">
                        <a href="">
                            <img src="../images/hot4.jpg" alt="">
                            <p>朗朗再现钢琴版鬼畜教学教学教学</p>
                        </a>
                        <div class="slide">
                            <div class="progress">
                                <span>
                                    <i></i>
                                </span>
                            </div>
                        </div>
                    </div>
                    <div class="uper-id">
                        <a href="">
                            <i class="bilifont bili-icon_xinxi_UPzhu"></i>
                            <span>bilibili星访问</span>
                        </a>
                    </div>
                </div>
                <img class="ad-picture" src="../images/adpicture-1.jpg" alt="">
            </div>
        </section>
        <section class="split-line-img">
            <a href="">
                <img src="../images/advert.jpg" alt="">
            </a>
        </section>
        <section class="donghua-box elevator-item">
            <div class="left">
                <div class="left-top">
                    <div class="ad-slogen"><img src="../images/zhibo.svg" alt="">动画</div>
                    <div class="change-more">
                        <a href="">
                            <i class="bilifont bili-icon_caozuo_huanyihuan"></i>
                            换一换
                        </a>
                        <a href="">更多
                            <i class="bilifont bili-icon_caozuo_qianwang"></i>
                        </a>
                    </div>
                </div>
                <div class="left-bottom">
                    <div>
                        <div class="slide-box">
                            <a href="">
                                <img src="../images/hot1.jpg" alt="">
                                <p>朗朗再现钢琴版鬼畜教学教学教学</p>
                            </a>
                            <div class="slide">
                                <div class="progress">
                                    <span>
                                        <i></i>
                                    </span>
                                </div>
                            </div>
                        </div>
                        <div class="uper-id">
                            <a href="">
                                <i class="bilifont bili-icon_xinxi_UPzhu"></i>
                                <span>bilibili星访问</span>
                            </a>
                        </div>
                    </div>
                    <div>
                        <div class="slide-box">
                            <a href="">
                                <img src="../images/hot2.jpg" alt="">
                                <p>朗朗再现钢琴版鬼畜教学教学教学</p>
                            </a>
                            <div class="slide">
                                <div class="progress">
                                    <span>
                                        <i></i>
                                    </span>
                                </div>
                            </div>
                        </div>
                        <div class="uper-id">
                            <a href="">
                                <i class="bilifont bili-icon_xinxi_UPzhu"></i>
                                <span>bilibili星访问</span>
                            </a>
                        </div>
                    </div>
                    <div>
                        <div class="slide-box">
                            <a href="">
                                <img src="../images/hot3.jpg" alt="">
                                <p>朗朗再现钢琴版鬼畜教学教学教学</p>
                            </a>
                            <div class="slide">
                                <div class="progress">
                                    <span>
                                        <i></i>
                                    </span>
                                </div>
                            </div>
                        </div>
                        <div class="uper-id">
                            <a href="">
                                <i class="bilifont bili-icon_xinxi_UPzhu"></i>
                                <span>bilibili星访问</span>
                            </a>
                        </div>
                    </div>
                    <div>
                        <div class="slide-box">
                            <a href="">
                                <img src="../images/hot4.jpg" alt="">
                                <p>朗朗再现钢琴版鬼畜教学教学教学</p>
                            </a>
                            <div class="slide">
                                <div class="progress">
                                    <span>
                                        <i></i>
                                    </span>
                                </div>
                            </div>
                        </div>
                        <div class="uper-id">
                            <a href="">
                                <i class="bilifont bili-icon_xinxi_UPzhu"></i>
                                <span>bilibili星访问</span>
                            </a>
                        </div>
                    </div>
                    <div>
                        <div class="slide-box">
                            <a href="">
                                <img src="../images/hot5.jpg" alt="">
                                <p>朗朗再现钢琴版鬼畜教学教学教学</p>
                            </a>
                            <div class="slide">
                                <div class="progress">
                                    <span>
                                        <i></i>
                                    </span>
                                </div>
                            </div>
                        </div>
                        <div class="uper-id">
                            <a href="">
                                <i class="bilifont bili-icon_xinxi_UPzhu"></i>
                                <span>bilibili星访问</span>
                            </a>
                        </div>
                    </div>
                    <div>
                        <div class="slide-box">
                            <a href="">
                                <img src="../images/hot6.jpg" alt="">
                                <p>朗朗再现钢琴版鬼畜教学教学教学</p>
                            </a>
                            <div class="slide">
                                <div class="progress">
                                    <span>
                                        <i></i>
                                    </span>
                                </div>
                            </div>
                        </div>
                        <div class="uper-id">
                            <a href="">
                                <i class="bilifont bili-icon_xinxi_UPzhu"></i>
                                <span>bilibili星访问</span>
                            </a>
                        </div>
                    </div>
                    <div>
                        <div class="slide-box">
                            <a href="">
                                <img src="../images/hot1.jpg" alt="">
                                <p>朗朗再现钢琴版鬼畜教学教学教学</p>
                            </a>
                            <div class="slide">
                                <div class="progress">
                                    <span>
                                        <i></i>
                                    </span>
                                </div>
                            </div>
                        </div>
                        <div class="uper-id">
                            <a href="">
                                <i class="bilifont bili-icon_xinxi_UPzhu"></i>
                                <span>bilibili星访问</span>
                            </a>
                        </div>
                    </div>
                    <div>
                        <div class="slide-box">
                            <a href="">
                                <img src="../images/hot2.jpg" alt="">
                                <p>朗朗再现钢琴版鬼畜教学教学教学</p>
                            </a>
                            <div class="slide">
                                <div class="progress">
                                    <span>
                                        <i></i>
                                    </span>
                                </div>
                            </div>
                        </div>
                        <div class="uper-id">
                            <a href="">
                                <i class="bilifont bili-icon_xinxi_UPzhu"></i>
                                <span>bilibili星访问</span>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="right">
                <div class="right-top">
                    <span>排行榜</span>
                    <a href="">更多
                        <i class="bilifont bili-icon_caozuo_qianwang"></i>
                    </a>
                </div>
                <ol class="rank">
                    <li class="number1">
                        <div class="number">1</div>
                        <a class="detail"><img src="../images/hot2.jpg" alt="">
                            <div>
                                <p>英灵之躯，比肩神明</p>
                                <p class="point">综合得分：123万</p>
                            </div>
                        </a>
                    </li>
                    <li>
                        <div class="number">2</div>
                        <div class="title">英灵之躯 比肩神明！不要眨眼 你根本不知道FATE系列到底有多少英灵！FGO五周年纪念</div>
                    </li>
                    <li>
                        <div class="number">3</div>
                        <div class="title">英灵之躯 比肩神明！不要眨眼 你根本不知道FATE系列到底有多少英灵！FGO五周年纪念 class="title"</div>
                    </li>
                    <li>
                        <div class="number">4</div>
                        <div class="title">英灵之躯 比肩神明！不要眨眼 你根本不知道FATE系列到底有多少英灵！FGO五周年纪念 class="title"</div>
                    </li>
                    <li>
                        <div class="number">5</div>
                        <div class="title">英灵之躯 比肩神明！不要眨眼 你根本不知道FATE系列到底有多少英灵！FGO五周年纪念 class="title"</div>
                    </li>
                    <li>
                        <div class="number">6</div>
                        <div class="title">英灵之躯 比肩神明！不要眨眼 你根本不知道FATE系列到底有多少英灵！FGO五周年纪念 class="title"</div>
                    </li>
                    <li>
                        <div class="number">7</div>
                        <div class="title">英灵之躯 比肩神明！不要眨眼 你根本不知道FATE系列到底有多少英灵！FGO五周年纪念 class="title"</div>
                    </li>
                    <li>
                        <div class="number">8</div>
                        <div class="title">英灵之躯 比肩神明！不要眨眼 你根本不知道FATE系列到底有多少英灵！FGO五周年纪念 class="title"</div>
                    </li>
                </ol>
            </div>
        </section>
        <section class="donghua-box elevator-item">
            <div class="left">
                <div class="left-top">
                    <div class="ad-slogen"><img src="../images/zhibo.svg" alt="">国创</div>
                    <div class="change-more">
                        <a href="">
                            <i class="bilifont bili-icon_caozuo_huanyihuan"></i>
                            换一换
                        </a>
                        <a href="">更多
                            <i class="bilifont bili-icon_caozuo_qianwang"></i>
                        </a>
                    </div>
                </div>
                <div class="left-bottom">
                    <div>
                        <div class="slide-box">
                            <a href="">
                                <img src="../images/hot1.jpg" alt="">
                                <p>朗朗再现钢琴版鬼畜教学教学教学</p>
                            </a>
                            <div class="slide">
                                <div class="progress">
                                    <span>
                                        <i></i>
                                    </span>
                                </div>
                            </div>
                        </div>
                        <div class="uper-id">
                            <a href="">
                                <i class="bilifont bili-icon_xinxi_UPzhu"></i>
                                <span>bilibili星访问</span>
                            </a>
                        </div>
                    </div>
                    <div>
                        <div class="slide-box">
                            <a href="">
                                <img src="../images/hot2.jpg" alt="">
                                <p>朗朗再现钢琴版鬼畜教学教学教学</p>
                            </a>
                            <div class="slide">
                                <div class="progress">
                                    <span>
                                        <i></i>
                                    </span>
                                </div>
                            </div>
                        </div>
                        <div class="uper-id">
                            <a href="">
                                <i class="bilifont bili-icon_xinxi_UPzhu"></i>
                                <span>bilibili星访问</span>
                            </a>
                        </div>
                    </div>
                    <div>
                        <div class="slide-box">
                            <a href="">
                                <img src="../images/hot3.jpg" alt="">
                                <p>朗朗再现钢琴版鬼畜教学教学教学</p>
                            </a>
                            <div class="slide">
                                <div class="progress">
                                    <span>
                                        <i></i>
                                    </span>
                                </div>
                            </div>
                        </div>
                        <div class="uper-id">
                            <a href="">
                                <i class="bilifont bili-icon_xinxi_UPzhu"></i>
                                <span>bilibili星访问</span>
                            </a>
                        </div>
                    </div>
                    <div>
                        <div class="slide-box">
                            <a href="">
                                <img src="../images/hot4.jpg" alt="">
                                <p>朗朗再现钢琴版鬼畜教学教学教学</p>
                            </a>
                            <div class="slide">
                                <div class="progress">
                                    <span>
                                        <i></i>
                                    </span>
                                </div>
                            </div>
                        </div>
                        <div class="uper-id">
                            <a href="">
                                <i class="bilifont bili-icon_xinxi_UPzhu"></i>
                                <span>bilibili星访问</span>
                            </a>
                        </div>
                    </div>
                    <div>
                        <div class="slide-box">
                            <a href="">
                                <img src="../images/hot5.jpg" alt="">
                                <p>朗朗再现钢琴版鬼畜教学教学教学</p>
                            </a>
                            <div class="slide">
                                <div class="progress">
                                    <span>
                                        <i></i>
                                    </span>
                                </div>
                            </div>
                        </div>
                        <div class="uper-id">
                            <a href="">
                                <i class="bilifont bili-icon_xinxi_UPzhu"></i>
                                <span>bilibili星访问</span>
                            </a>
                        </div>
                    </div>
                    <div>
                        <div class="slide-box">
                            <a href="">
                                <img src="../images/hot6.jpg" alt="">
                                <p>朗朗再现钢琴版鬼畜教学教学教学</p>
                            </a>
                            <div class="slide">
                                <div class="progress">
                                    <span>
                                        <i></i>
                                    </span>
                                </div>
                            </div>
                        </div>
                        <div class="uper-id">
                            <a href="">
                                <i class="bilifont bili-icon_xinxi_UPzhu"></i>
                                <span>bilibili星访问</span>
                            </a>
                        </div>
                    </div>
                    <div>
                        <div class="slide-box">
                            <a href="">
                                <img src="../images/hot1.jpg" alt="">
                                <p>朗朗再现钢琴版鬼畜教学教学教学</p>
                            </a>
                            <div class="slide">
                                <div class="progress">
                                    <span>
                                        <i></i>
                                    </span>
                                </div>
                            </div>
                        </div>
                        <div class="uper-id">
                            <a href="">
                                <i class="bilifont bili-icon_xinxi_UPzhu"></i>
                                <span>bilibili星访问</span>
                            </a>
                        </div>
                    </div>
                    <div>
                        <div class="slide-box">
                            <a href="">
                                <img src="../images/hot2.jpg" alt="">
                                <p>朗朗再现钢琴版鬼畜教学教学教学</p>
                            </a>
                            <div class="slide">
                                <div class="progress">
                                    <span>
                                        <i></i>
                                    </span>
                                </div>
                            </div>
                        </div>
                        <div class="uper-id">
                            <a href="">
                                <i class="bilifont bili-icon_xinxi_UPzhu"></i>
                                <span>bilibili星访问</span>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="right">
                <div class="right-top">
                    <span>排行榜</span>
                    <a href="">更多
                        <i class="bilifont bili-icon_caozuo_qianwang"></i>
                    </a>
                </div>
                <ol class="rank">
                    <li class="number1">
                        <div class="number">1</div>
                        <a class="detail"><img src="../images/hot2.jpg" alt="">
                            <div>
                                <p>英灵之躯，比肩神明</p>
                                <p class="point">综合得分：123万</p>
                            </div>
                        </a>
                    </li>
                    <li>
                        <div class="number">2</div>
                        <div class="title">英灵之躯 比肩神明！不要眨眼 你根本不知道FATE系列到底有多少英灵！FGO五周年纪念</div>
                    </li>
                    <li>
                        <div class="number">3</div>
                        <div class="title">英灵之躯 比肩神明！不要眨眼 你根本不知道FATE系列到底有多少英灵！FGO五周年纪念 class="title"</div>
                    </li>
                    <li>
                        <div class="number">4</div>
                        <div class="title">英灵之躯 比肩神明！不要眨眼 你根本不知道FATE系列到底有多少英灵！FGO五周年纪念 class="title"</div>
                    </li>
                    <li>
                        <div class="number">5</div>
                        <div class="title">英灵之躯 比肩神明！不要眨眼 你根本不知道FATE系列到底有多少英灵！FGO五周年纪念 class="title"</div>
                    </li>
                    <li>
                        <div class="number">6</div>
                        <div class="title">英灵之躯 比肩神明！不要眨眼 你根本不知道FATE系列到底有多少英灵！FGO五周年纪念 class="title"</div>
                    </li>
                    <li>
                        <div class="number">7</div>
                        <div class="title">英灵之躯 比肩神明！不要眨眼 你根本不知道FATE系列到底有多少英灵！FGO五周年纪念 class="title"</div>
                    </li>
                    <li>
                        <div class="number">8</div>
                        <div class="title">英灵之躯 比肩神明！不要眨眼 你根本不知道FATE系列到底有多少英灵！FGO五周年纪念 class="title"</div>
                    </li>
                </ol>
            </div>
        </section>
        <section class="split-line-img">
            <a href="">
                <img src="../images/advert2.jpg" alt="">
            </a>
        </section>
        <section class="donghua-box elevator-item">
            <div class="left">
                <div class="left-top">
                    <div class="ad-slogen"><img src="../images/zhibo.svg" alt="">数码</div>
                    <div class="change-more">
                        <a href="">
                            <i class="bilifont bili-icon_caozuo_huanyihuan"></i>
                            换一换
                        </a>
                        <a href="">更多
                            <i class="bilifont bili-icon_caozuo_qianwang"></i>
                        </a>
                    </div>
                </div>
                <div class="left-bottom">
                    <div>
                        <div class="slide-box">
                            <a href="">
                                <img src="../images/hot1.jpg" alt="">
                                <p>朗朗再现钢琴版鬼畜教学教学教学</p>
                            </a>
                            <div class="slide">
                                <div class="progress">
                                    <span>
                                        <i></i>
                                    </span>
                                </div>
                            </div>
                        </div>
                        <div class="uper-id">
                            <a href="">
                                <i class="bilifont bili-icon_xinxi_UPzhu"></i>
                                <span>bilibili星访问</span>
                            </a>
                        </div>
                    </div>
                    <div>
                        <div class="slide-box">
                            <a href="">
                                <img src="../images/hot2.jpg" alt="">
                                <p>朗朗再现钢琴版鬼畜教学教学教学</p>
                            </a>
                            <div class="slide">
                                <div class="progress">
                                    <span>
                                        <i></i>
                                    </span>
                                </div>
                            </div>
                        </div>
                        <div class="uper-id">
                            <a href="">
                                <i class="bilifont bili-icon_xinxi_UPzhu"></i>
                                <span>bilibili星访问</span>
                            </a>
                        </div>
                    </div>
                    <div>
                        <div class="slide-box">
                            <a href="">
                                <img src="../images/hot3.jpg" alt="">
                                <p>朗朗再现钢琴版鬼畜教学教学教学</p>
                            </a>
                            <div class="slide">
                                <div class="progress">
                                    <span>
                                        <i></i>
                                    </span>
                                </div>
                            </div>
                        </div>
                        <div class="uper-id">
                            <a href="">
                                <i class="bilifont bili-icon_xinxi_UPzhu"></i>
                                <span>bilibili星访问</span>
                            </a>
                        </div>
                    </div>
                    <div>
                        <div class="slide-box">
                            <a href="">
                                <img src="../images/hot4.jpg" alt="">
                                <p>朗朗再现钢琴版鬼畜教学教学教学</p>
                            </a>
                            <div class="slide">
                                <div class="progress">
                                    <span>
                                        <i></i>
                                    </span>
                                </div>
                            </div>
                        </div>
                        <div class="uper-id">
                            <a href="">
                                <i class="bilifont bili-icon_xinxi_UPzhu"></i>
                                <span>bilibili星访问</span>
                            </a>
                        </div>
                    </div>
                    <div>
                        <div class="slide-box">
                            <a href="">
                                <img src="../images/hot5.jpg" alt="">
                                <p>朗朗再现钢琴版鬼畜教学教学教学</p>
                            </a>
                            <div class="slide">
                                <div class="progress">
                                    <span>
                                        <i></i>
                                    </span>
                                </div>
                            </div>
                        </div>
                        <div class="uper-id">
                            <a href="">
                                <i class="bilifont bili-icon_xinxi_UPzhu"></i>
                                <span>bilibili星访问</span>
                            </a>
                        </div>
                    </div>
                    <div>
                        <div class="slide-box">
                            <a href="">
                                <img src="../images/hot6.jpg" alt="">
                                <p>朗朗再现钢琴版鬼畜教学教学教学</p>
                            </a>
                            <div class="slide">
                                <div class="progress">
                                    <span>
                                        <i></i>
                                    </span>
                                </div>
                            </div>
                        </div>
                        <div class="uper-id">
                            <a href="">
                                <i class="bilifont bili-icon_xinxi_UPzhu"></i>
                                <span>bilibili星访问</span>
                            </a>
                        </div>
                    </div>
                    <div>
                        <div class="slide-box">
                            <a href="">
                                <img src="../images/hot1.jpg" alt="">
                                <p>朗朗再现钢琴版鬼畜教学教学教学</p>
                            </a>
                            <div class="slide">
                                <div class="progress">
                                    <span>
                                        <i></i>
                                    </span>
                                </div>
                            </div>
                        </div>
                        <div class="uper-id">
                            <a href="">
                                <i class="bilifont bili-icon_xinxi_UPzhu"></i>
                                <span>bilibili星访问</span>
                            </a>
                        </div>
                    </div>
                    <div>
                        <div class="slide-box">
                            <a href="">
                                <img src="../images/hot2.jpg" alt="">
                                <p>朗朗再现钢琴版鬼畜教学教学教学</p>
                            </a>
                            <div class="slide">
                                <div class="progress">
                                    <span>
                                        <i></i>
                                    </span>
                                </div>
                            </div>
                        </div>
                        <div class="uper-id">
                            <a href="">
                                <i class="bilifont bili-icon_xinxi_UPzhu"></i>
                                <span>bilibili星访问</span>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="right">
                <div class="right-top">
                    <span>排行榜</span>
                    <a href="">更多
                        <i class="bilifont bili-icon_caozuo_qianwang"></i>
                    </a>
                </div>
                <ol class="rank">
                    <li class="number1">
                        <div class="number">1</div>
                        <a class="detail"><img src="../images/hot2.jpg" alt="">
                            <div>
                                <p>英灵之躯，比肩神明</p>
                                <p class="point">综合得分：123万</p>
                            </div>
                        </a>
                    </li>
                    <li>
                        <div class="number">2</div>
                        <div class="title">英灵之躯 比肩神明！不要眨眼 你根本不知道FATE系列到底有多少英灵！FGO五周年纪念</div>
                    </li>
                    <li>
                        <div class="number">3</div>
                        <div class="title">英灵之躯 比肩神明！不要眨眼 你根本不知道FATE系列到底有多少英灵！FGO五周年纪念 class="title"</div>
                    </li>
                    <li>
                        <div class="number">4</div>
                        <div class="title">英灵之躯 比肩神明！不要眨眼 你根本不知道FATE系列到底有多少英灵！FGO五周年纪念 class="title"</div>
                    </li>
                    <li>
                        <div class="number">5</div>
                        <div class="title">英灵之躯 比肩神明！不要眨眼 你根本不知道FATE系列到底有多少英灵！FGO五周年纪念 class="title"</div>
                    </li>
                    <li>
                        <div class="number">6</div>
                        <div class="title">英灵之躯 比肩神明！不要眨眼 你根本不知道FATE系列到底有多少英灵！FGO五周年纪念 class="title"</div>
                    </li>
                    <li>
                        <div class="number">7</div>
                        <div class="title">英灵之躯 比肩神明！不要眨眼 你根本不知道FATE系列到底有多少英灵！FGO五周年纪念 class="title"</div>
                    </li>
                    <li>
                        <div class="number">8</div>
                        <div class="title">英灵之躯 比肩神明！不要眨眼 你根本不知道FATE系列到底有多少英灵！FGO五周年纪念 class="title"</div>
                    </li>
                </ol>
            </div>
        </section>
        <section class="donghua-box elevator-item">
            <div class="left">
                <div class="left-top">
                    <div class="ad-slogen"><img src="../images/zhibo.svg" alt="">生活</div>
                    <div class="change-more">
                        <a href="">
                            <i class="bilifont bili-icon_caozuo_huanyihuan"></i>
                            换一换
                        </a>
                        <a href="">更多
                            <i class="bilifont bili-icon_caozuo_qianwang"></i>
                        </a>
                    </div>
                </div>
                <div class="left-bottom">
                    <div>
                        <div class="slide-box">
                            <a href="">
                                <img src="../images/hot1.jpg" alt="">
                                <p>朗朗再现钢琴版鬼畜教学教学教学</p>
                            </a>
                            <div class="slide">
                                <div class="progress">
                                    <span>
                                        <i></i>
                                    </span>
                                </div>
                            </div>
                        </div>
                        <div class="uper-id">
                            <a href="">
                                <i class="bilifont bili-icon_xinxi_UPzhu"></i>
                                <span>bilibili星访问</span>
                            </a>
                        </div>
                    </div>
                    <div>
                        <div class="slide-box">
                            <a href="">
                                <img src="../images/hot2.jpg" alt="">
                                <p>朗朗再现钢琴版鬼畜教学教学教学</p>
                            </a>
                            <div class="slide">
                                <div class="progress">
                                    <span>
                                        <i></i>
                                    </span>
                                </div>
                            </div>
                        </div>
                        <div class="uper-id">
                            <a href="">
                                <i class="bilifont bili-icon_xinxi_UPzhu"></i>
                                <span>bilibili星访问</span>
                            </a>
                        </div>
                    </div>
                    <div>
                        <div class="slide-box">
                            <a href="">
                                <img src="../images/hot3.jpg" alt="">
                                <p>朗朗再现钢琴版鬼畜教学教学教学</p>
                            </a>
                            <div class="slide">
                                <div class="progress">
                                    <span>
                                        <i></i>
                                    </span>
                                </div>
                            </div>
                        </div>
                        <div class="uper-id">
                            <a href="">
                                <i class="bilifont bili-icon_xinxi_UPzhu"></i>
                                <span>bilibili星访问</span>
                            </a>
                        </div>
                    </div>
                    <div>
                        <div class="slide-box">
                            <a href="">
                                <img src="../images/hot4.jpg" alt="">
                                <p>朗朗再现钢琴版鬼畜教学教学教学</p>
                            </a>
                            <div class="slide">
                                <div class="progress">
                                    <span>
                                        <i></i>
                                    </span>
                                </div>
                            </div>
                        </div>
                        <div class="uper-id">
                            <a href="">
                                <i class="bilifont bili-icon_xinxi_UPzhu"></i>
                                <span>bilibili星访问</span>
                            </a>
                        </div>
                    </div>
                    <div>
                        <div class="slide-box">
                            <a href="">
                                <img src="../images/hot5.jpg" alt="">
                                <p>朗朗再现钢琴版鬼畜教学教学教学</p>
                            </a>
                            <div class="slide">
                                <div class="progress">
                                    <span>
                                        <i></i>
                                    </span>
                                </div>
                            </div>
                        </div>
                        <div class="uper-id">
                            <a href="">
                                <i class="bilifont bili-icon_xinxi_UPzhu"></i>
                                <span>bilibili星访问</span>
                            </a>
                        </div>
                    </div>
                    <div>
                        <div class="slide-box">
                            <a href="">
                                <img src="../images/hot6.jpg" alt="">
                                <p>朗朗再现钢琴版鬼畜教学教学教学</p>
                            </a>
                            <div class="slide">
                                <div class="progress">
                                    <span>
                                        <i></i>
                                    </span>
                                </div>
                            </div>
                        </div>
                        <div class="uper-id">
                            <a href="">
                                <i class="bilifont bili-icon_xinxi_UPzhu"></i>
                                <span>bilibili星访问</span>
                            </a>
                        </div>
                    </div>
                    <div>
                        <div class="slide-box">
                            <a href="">
                                <img src="../images/hot1.jpg" alt="">
                                <p>朗朗再现钢琴版鬼畜教学教学教学</p>
                            </a>
                            <div class="slide">
                                <div class="progress">
                                    <span>
                                        <i></i>
                                    </span>
                                </div>
                            </div>
                        </div>
                        <div class="uper-id">
                            <a href="">
                                <i class="bilifont bili-icon_xinxi_UPzhu"></i>
                                <span>bilibili星访问</span>
                            </a>
                        </div>
                    </div>
                    <div>
                        <div class="slide-box">
                            <a href="">
                                <img src="../images/hot2.jpg" alt="">
                                <p>朗朗再现钢琴版鬼畜教学教学教学</p>
                            </a>
                            <div class="slide">
                                <div class="progress">
                                    <span>
                                        <i></i>
                                    </span>
                                </div>
                            </div>
                        </div>
                        <div class="uper-id">
                            <a href="">
                                <i class="bilifont bili-icon_xinxi_UPzhu"></i>
                                <span>bilibili星访问</span>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="right">
                <div class="right-top">
                    <span>排行榜</span>
                    <a href="">更多
                        <i class="bilifont bili-icon_caozuo_qianwang"></i>
                    </a>
                </div>
                <ol class="rank">
                    <li class="number1">
                        <div class="number">1</div>
                        <a class="detail"><img src="../images/hot2.jpg" alt="">
                            <div>
                                <p>英灵之躯，比肩神明</p>
                                <p class="point">综合得分：123万</p>
                            </div>
                        </a>
                    </li>
                    <li>
                        <div class="number">2</div>
                        <div class="title">英灵之躯 比肩神明！不要眨眼 你根本不知道FATE系列到底有多少英灵！FGO五周年纪念</div>
                    </li>
                    <li>
                        <div class="number">3</div>
                        <div class="title">英灵之躯 比肩神明！不要眨眼 你根本不知道FATE系列到底有多少英灵！FGO五周年纪念 class="title"</div>
                    </li>
                    <li>
                        <div class="number">4</div>
                        <div class="title">英灵之躯 比肩神明！不要眨眼 你根本不知道FATE系列到底有多少英灵！FGO五周年纪念 class="title"</div>
                    </li>
                    <li>
                        <div class="number">5</div>
                        <div class="title">英灵之躯 比肩神明！不要眨眼 你根本不知道FATE系列到底有多少英灵！FGO五周年纪念 class="title"</div>
                    </li>
                    <li>
                        <div class="number">6</div>
                        <div class="title">英灵之躯 比肩神明！不要眨眼 你根本不知道FATE系列到底有多少英灵！FGO五周年纪念 class="title"</div>
                    </li>
                    <li>
                        <div class="number">7</div>
                        <div class="title">英灵之躯 比肩神明！不要眨眼 你根本不知道FATE系列到底有多少英灵！FGO五周年纪念 class="title"</div>
                    </li>
                    <li>
                        <div class="number">8</div>
                        <div class="title">英灵之躯 比肩神明！不要眨眼 你根本不知道FATE系列到底有多少英灵！FGO五周年纪念 class="title"</div>
                    </li>
                </ol>
            </div>
        </section>
        
    </main>
    <div class="elevator">
        <i class="ear bilifont bili-icon_youdaohang_xiaodianshitianxian"> </i>
        <div class="list-box">
            <ul>
                <div class="back-top">
                    <i class="bilifont bili-general_pullup_s"></i>
                </div>
            </ul>
            
        </div>
    </div>
    <script src="./js/jquery.min.js"></script>
    <script src="js/swiper-bundle.min.js"></script>
    <script src="./js/main.js"></script>
</body>

</html>